<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Mv页面</title>
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../node_modules/art-template/lib/template-web.js"></script>
    <script src="./js/request.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/reqMvDetails.js"></script>
    <link rel="stylesheet" href="./css/common/reset.css">
    <link rel="stylesheet" href="./css/base/base.css">
    <link rel="stylesheet" href="./css/common/common.css">
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="./css/module/mvDetail.css">
    <link rel="stylesheet" href="./css/common/ckin.min.css">
</head>

<body>
    <!-- 头部部分 -->
    <header></header>
    <!-- main -->
    <main>
        <div class="bg">
            <div class="vShow-title">
            </div>
            <div class="vShow"></div>
            <div class="vShowInfo"></div>
        </div>
        <div class="main">
            <p style="margin-top: 20px;margin-bottom: 50px;">相似MV</p>
            <div class="similarMvs"></div>
            <p style="margin-top: 60px;margin-bottom: 50px;">全部评论<span class="commentAll"></span></p>

            <div class="commentMvs"></div>
        </div>
    </main>
    <!-- footer页面 -->
    <footer></footer>

    <!-- 渲染评论 -->
    <script type="text/html" id="commentsAll">
        {{ each data item index}}
            <div class="comments">
                <a><img src="{{ item.user.avatarUrl }}" alt=""></a>
                <div class="showCommet">
                    <div class="top">
                        <p>{{ item.user.nickname }}</p>
                        <time>{{ item.time }}</time>
                    </div>
                    <div class="pText">{{ item.content }}</div>
                    <div class="low">
                        <span class="iconfont icon-dianzan"></span>
                        <em>回复</em>
                        <b>举报</b>
                    </div>
                </div>
            </div>
        {{ /each }}
    </script>
    <!-- 渲染相似MV -->
    <script type="text/html" id="tpl">
        {{ each data item index }}
            <div class="mvs">
                <a><img src="{{ item.cover }}" alt=""></a>
                <a><h3>{{ item.name }}</h3></a>
                <span>{{ item.artistName }}</span>
                <p>
                    <span class="iconfont icon-fenxiang" style="font-size: 18px"></span>
                    <u>{{ item.playCount }}</u>
                    <span>{{ item.duration}}s</span>
                </p>
            </div>
        {{ /each }}
    </script>
    <script src="./js/module/appendID.js"></script>

</body>

</html>